<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<div th:if="${parent['id']}!= null and ${parent['id']}>0" id="subject"  class="">
    <input type="hidden" id="parentId" th:value="${parent['id']}"/>
    <section class="ml20 mr20">
        <div class="mt20 pt10 mb20 pb10">
            <div class="tabs-container phase-tabs mt20 pt10">
                <ul class="nav nav-tabs text-center">
                    <li class="active pb10">
                        <a>完善科目</a>
                        <p class="c-ccc fs14 mb20 pb10">请选择你要最感兴趣或者最想学的科目，可以<span class="c-info">多选</span>哦</p>
                    </li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane active">
                        <div class="panel-body">
                            <div class="mr20 ml20">
                                <section>
                                    <div class="carousel slide carousel-class-member__wrap carousel-subject_wrap" id="carousel-subject">
                                        <div th:if="${subjectList}!=null" class="carousel-inner">

                                            <div th:each="subject,index:${subjectList}" class="item" th:classappend="${index['index']}==0 ? 'active':''">
                                                <ol>

                                                    <li th:attr="data-id=${subject['id']}">
                                                        <a href="javascript:void (0);" class="regTxt" th:text="${subject['subjectName']}"></a>
                                                        <i class="fa fa-check-square c-info fs18 checked"></i>
                                                    </li>

                                                </ol>
                                            </div>

                                        </div>
                                        <div th:if="${subjectList}!=null and ${#lists.size(subjectList)}>8" th:class="${#lists.size(subjectList)}<=8 ? 'slideBtn':''">
                                            <a title="上一组" data-slide="prev" href="#carousel-subject" class="left carousel-control">
                                                <span class="fa fa-chevron-left"></span>
                                            </a>
                                            <a title="下一组" data-slide="next" href="#carousel-subject" class="right carousel-control">
                                                <span class="fa fa-chevron-right"></span>
                                            </a>
                                        </div>
                                    </div>
                                </section>
                                <div class="mt20 pb10 mb20">
                                    <button type="button" id="studyCenter" class="btn btn-lg btn-block btn-info unRadius fs16">进入个人中心</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>
<!--选择专业-->
<div  th:if="${parent['id']}==null or ${parent['id']}<=0" id="professional"  class="">
    <section class="ml20 mr20">
        <div class="mt20 pt10 mb20 pb10">
            <div class="tabs-container phase-tabs mt20 pt10">
                <ul class="nav nav-tabs text-center">
                    <li class="active pb10">
                        <a>完善专业</a>
                        <p class="c-ccc fs14 mb20 pb10">请选择你要关注的考试 (最多选择<span class="c-info"> 1 </span>项)</p>
                    </li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane active">
                        <div class="panel-body">
                            <div class="mr20 ml20">
                                <section>
                                    <div class="carousel slide carousel-class-member__wrap carousel-subject_wrap" id="carousel-professional">
                                        <div th:if="${subjectList}!=null" class="carousel-inner">
                                            <div th:each="subject,index:${subjectList}" class="item" th:classappend="${index['index']}==0 ? 'active':''" >
                                                <ol>
                                                    <li th:attr="data-id=${subject['id']}">
                                                        <a href="javascript:;" class="regTxt" th:text="${subject['subjectName']}"></a>
                                                    </li>
                                                </ol>
                                            </div>
                                        </div>
                                        <div th:if="${subjectList}!=null and ${#lists.size(subjectList)}>8" th:class="${#lists.size(subjectList)}<=8 ? 'slideBtn':''">
                                            <a title="上一组" data-slide="prev" href="#carousel-professional" class="left carousel-control">
                                                <span class="fa fa-chevron-left"></span>
                                            </a>
                                            <a title="下一组" data-slide="next" href="#carousel-professional" class="right carousel-control">
                                                <span class="fa fa-chevron-right"></span>
                                            </a>
                                        </div>
                                    </div>
                                </section>
                                <div class="mt20 pb10 mb20">
                                    <button type="button" id="chooseSubject"  class="btn btn-lg btn-block btn-info unRadius fs16">下一步，选择科目</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>
<!--选择科目-->
